<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img id="imgs" src="img/1.jpg" >
		<button type="button" onclick="DoAction();">开始</button>
	</body>
	<script type="text/javascript">
		function DoAction(){
			var img =document.getElementById('imgs');
			var arr =['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg','img/5.jpg','img/6.jpg','img/7.jpg','img/8.jpg','img/9.jpg'];
			var i =1; //因为打开就是第一张图片,如果从i=0开始,就延迟1秒
			
			
			setInterval(function(){
				img.src =arr[i];
				i++;
				if(i>arr.length){
					i=0;
					img.src=arr[i];
					i++;
				}
			},1000)	
		}
	
		
	</script>
</html>
